<!--
*@description 
*@fileName com-data.vue
*@author wxl
*@date 2025/05/10 11:37:48
!-->
<template>
   <div class="com-data com-card margin-top">
      <div class="title text-bold">经营数据</div>
      <div class="data-list aicjcsb">
         <div class="item" v-for="(item,index) in dataList" :key="index">
            <div class="name text-gray">{{item.name}}</div>
            <div class="value">{{data[item.key]}}</div>
         </div>
      </div>
   </div>
</template>
<script setup>

const props = defineProps({
   data:{
      type:Object,
      default:{}
   }
})
// stat1 今日开方，stat2 总开方，stat3 西药中成药开方，stat4 中药开方
const dataList = [
   {
      name: '今日开方数量（张）',
      key: 'stat1',
      value: 8
   },{
      name: '总计处方数量（张）',
      key: 'stat2',
      value: 256
   },{
      name: '西药中成药处方数量（张）',
      key: 'stat3',
      value: 256
   },{
      name: '中药处方数量（张）',
      key: 'stat4',
      value: 256
   }
]
</script>
<style lang="scss" scoped>
.com-data{
   padding: 30px 30px 50px 30px!important;
   .title{
      font-size: 22px;
      margin-bottom: 20px;
   }
   .value{
      font-size: 30px;
      margin-top: 20px;
      font-weight: 600;
   }
}
</style>
